<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鸿蒙之家-首页</title>
    <meta name="keywords" content=" " />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, user-scalable=no" />
    <link rel="icon" sizes="any" mask href="favicon.ico">
    <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/iconfont.js"></script>
    <script src="js/flexible.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="swiper/swiper-bundle.min.js"></script>
</head>
<body >
    <div id="warphtml">
        <header>
            <div class="header-top">
                <a href="/" class="logo"><img src="images/logo.png" alt=""></a>
                <a href="search.html" class="search">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-sousuo"></use></svg>
                    <div class="text">
                        <input type="text" class="input" placeholder="搜索">
                    </div>
                </a>
                <div class="icon-tab "><i></i></div>
            </div>
            <div class="header-nav navlist">
                <ul>
                    <li class="active"><a href="##">应用</a></li>
                    <li><a href="##">资源</a></li>
                    <li><a href="##">咨询</a></li>
                    <li><a href="##">课堂</a></li>
                </ul>
                <div class="bj"></div>
            </div>
        </header>
        <main class="indexmain">
            <!-- 推荐 -->
            <div class="Minbox Minbox1">
                <div class="title">
                    <div class="bt"><h2>推荐</h2></div>
                </div>
                <div class="list">
                    <a href="##" class="box hot">
                        <div class="img"><img class="lazy" data-original="img/tu1.jpg" alt=""></div>
                        <div class="infor">
                            <div class="bt">鸿蒙Next Beta：单框架应用支持华为账号登录</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">官方活动</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                    <a href="##" class="box hot">
                        <div class="infor">
                            <div class="bt">华为HarmonyOS NEXT将与9月底推出正式版</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">媒体报道</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                    <a href="##" class="box ">
                        <div class="infor">
                            <div class="bt">了解 Harmony OS的关键技术版本说明及最佳实践！诚挚邀请您参与9月HDD·鸿蒙赋能交流会</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">开发</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                    <a href="##" class="box">
                        <div class="img"><img class="lazy" data-original="img/tu1.jpg" alt=""></div>
                        <div class="infor">
                            <div class="bt">鸿蒙Next Beta：单框架应用支持华为账号登录</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">官方活动</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                </div>
                <a href="##" class="morebtn">更多 &gt;</a>
            </div>
              <!-- 应用 -->
            <div class="Minbox Minbox2">
                <div class="title">
                    <div class="bt"><h2>应用</h2></div>
                </div>
                <div class="list">
                   <a href="##" class="box">
                        <div class="img"><img class="lazy" data-original="img/tu1.jpg" alt=""></div>
                        <div class="infor">
                            <div class="bt">七猫免费小说</div>
                            <span>234人在用</span>
                            <p>6.8.5  /  2024-10-24</p>
                        </div>
                        <div class="btn">下载</div>
                   </a> 
                   <a href="##" class="box">
                        <div class="img"><img class="lazy" data-original="img/tu2.png" alt=""></div>
                        <div class="infor">
                            <div class="bt">七猫免费小说</div>
                            <span>234人在用</span>
                            <p>6.8.5  /  2024-10-24</p>
                        </div>
                        <div class="btn">下载</div>
                    </a> 
                    <a href="##" class="box">
                        <div class="img"><img class="lazy" data-original="img/tu1.jpg" alt=""></div>
                        <div class="infor">
                            <div class="bt">七猫免费小说</div>
                            <span>234人在用</span>
                            <p>6.8.5  /  2024-10-24</p>
                        </div>
                        <div class="btn">下载</div>
                   </a> 
                   <a href="##" class="box">
                        <div class="img"><img class="lazy" data-original="img/tu2.png" alt=""></div>
                        <div class="infor">
                            <div class="bt">七猫免费小说</div>
                            <span>234人在用</span>
                            <p>6.8.5  /  2024-10-24</p>
                        </div>
                        <div class="btn">下载</div>
                    </a> 
                </div>
              
            </div>
            <!-- 耀星精选 -->
            <div class="Minbox Minbox3">
                <div class="title">
                    <div class="bt2"><h2>耀星精选</h2></div>
                </div>
                <div class="list">
                    <div class="swiper ">
                        <div class="swiper-wrapper">
                           <div class="swiper-slide">
                               <div class="grid">
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                               </div>
                           </div>
                           <div class="swiper-slide">
                               <div class="grid">
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                               </div>
                           </div>
                        </div>
                   </div>
                </div>
               
            </div>
             <!-- 编辑推荐 -->
             <div class="Minbox Minbox3">
                <div class="title">
                    <div class="bt2"><h2>编辑推荐</h2></div>
                </div>
                <div class="list">
                    <div class="swiper ">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="grid">
                                    <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                                    <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                                    <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                                    <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu2.png" alt=""></div><p>游戏名称</p></a>
                                </div>
                            </div>
                           <div class="swiper-slide">
                               <div class="grid">
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                                   <a href="##" class="box"><div class="img"><img class="swiper-lazy" data-src="img/tu1.jpg" alt=""></div><p>游戏名称</p></a>
                               </div>
                           </div>
                        </div>
                   </div>
                </div>
               
            </div>
             <!-- 课堂 -->
             <div class="Minbox Minbox1">
                <div class="title">
                    <div class="bt"><h2>课堂</h2></div>
                </div>
                <div class="list">
                    <a href="##" class="box  ">
                        <div class="img"><img class="lazy" data-original="img/tu1.jpg" alt=""></div>
                        <div class="infor">
                            <div class="bt">鸿蒙Next Beta：单框架应用支持华为账号登录</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">官方活动</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                    <a href="##" class="box  ">
                        <div class="infor">
                            <div class="bt">华为HarmonyOS NEXT将与9月底推出正式版</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">媒体报道</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                    <a href="##" class="box ">
                        <div class="infor">
                            <div class="bt">了解 Harmony OS的关键技术版本说明及最佳实践！诚挚邀请您参与9月HDD·鸿蒙赋能交流会</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">开发</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                    <a href="##" class="box">
                        <div class="img"><img class="lazy" data-original="img/tu1.jpg" alt=""></div>
                        <div class="infor">
                            <div class="bt">鸿蒙Next Beta：单框架应用支持华为账号登录</div>
                            <div class="bq">
                                <div class="flex1">
                                    <div class="tab">官方活动</div>
                                </div>
                                <span>10-24</span>
                            </div>
                        </div>
                    </a>
                </div>
                <a href="##" class="morebtn">更多 &gt;</a>
            </div>
        </main>
        <footer>
            <p>版权所有 Copyright © 2024-2024 www.hm123.cn</p>
        </footer>
        <script src="js/base.js"></script>
    </div>
</body>
</html>